
<!-- 采用html5  -->
<!DOCTYPE html>
<html>

  <head>

    <meta charset="UTF-8">

    <!-- 页面显示适应移动设备 -->
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" >

    <title>我的APP</title>
    <link rel="stylesheet" href="resources\we-vue\style.css">
    <link rel="stylesheet" href="resources\css\font-awesome.min.css">
    <style>
        /*元素选择器*/

        html{
            height:100%;
        }
        body{

            height:100%;
            padding:0px;/*内边距*/
            margin:0px;/*外边距*/
        }
        
        /* 类选择器 */
        .my-container{

            width:100%;
            height:100%;
            /*background-color: #f0f0f0;*/
            background-image:url('resources/images/work2.jpg');
            background-repeat: no-repeat;
            background-size: 100% 100%;

        }

       

        

    
    </style>


  </head>  


  <body>

    <!-- div ：举行区域 -->
    <div id="app"  class="my-container"  >


        <wv-header :fixed="false" title="设置" background-color="#2196f3">
            <div class="btn-back" @click="window.location.href='index.html'" slot="left">
                <i class="fa fa-mail-reply-all"></i>
            </div>

        </wv-header>

        <div style="padding-left:3px;padding-right:3px;box-sizing: border-box;" >
            <wv-group >
                <wv-group title="服务器设置">
                    <wv-input label="ip" placeholder="请输入IP" v-model="config.ip"></wv-input>
                    <wv-input label="端口" placeholder="请输入端口" v-model="config.port"></wv-input>
                    <wv-input label="app" placeholder="请输入APP" v-model="config.app"></wv-input>
                </wv-group>
            </wv-group>
            
        </div>

            <wv-button type="primary" @click="saveconfig" style="margin-top:20px;">保存</wv-button>
           
        </div>
        

        <div >
                <img style="width:40px;height:40px; " src="resources\images\work2.jpg" >
        </div>
     
                
         
              
             
        

    </div>

  </body>
  <script src="resources\js\vue.min.js"></script>
  <script src="resources\js\jquery.min.js"></script>
  <script src="resources\we-vue\index.js"></script>
  <script src="resources\layer_mobile\layer.js"></script>
  <script src="resources\js\my.js"></script>
  <script>
new Vue({
    el:'#app',
    data:{
        config: Serv.serverConfig
       },
       methods:{
          
        saveconfig(){
            Serv.setServerConfig(this.config);
                Toast.success("保存成功")  
              }
          }
 });
  </script>


</html>